<div class="hero hero3">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
      </div>
    </div>
  </div>
</div>
<!-- celebrity single section-->

<div class="page-single movie-single cebleb-single">
  <div class="container">
    <div class="row ipad-width">
      <div class="col-md-4 col-sm-12 col-xs-12">
        <div class="mv-ceb">
          <img [src]="person['image']" alt="">
        </div>
      </div>
      <div class="col-md-8 col-sm-12 col-xs-12">
        <div class="movie-single-ct">
          <h1 class="bd-hd">{{person['name']}}</h1>
          <p class="ceb-single">{{person['professions']}}</p>
          <div class="social-link cebsingle-socail">
            <a href="#"><i class="ion-social-facebook"></i></a>
            <a href="#"><i class="ion-social-twitter"></i></a>
            <a href="#"><i class="ion-social-googleplus"></i></a>
            <a href="#"><i class="ion-social-linkedin"></i></a>
          </div>
          <div class="movie-tabs">
            <div class="tabs">
              <ul class="tab-links tabs-mv">
                <li><a (click)="personTab=0" style="cursor: pointer">影人简介</a></li>
                <li><a (click)="personTab=1" style="cursor: pointer"> 相关作品</a></li>
              </ul>
              <div class="tab-content">
                <div *ngIf="personTab==0" id="introduction" class="tab active">
                  <div class="row">
                    <div class="col-md-8 col-sm-12 col-xs-12">
                      <p>{{person['introduction']}}</p>
                      <div class="title-hd-sm">
                        <h4>影人照片</h4>
                        <a href="javascrip:void(0)" class="time">共{{person['photos'] == null?0:person['photos'].length}}
                          张照片 <i
                            class="ion-ios-arrow-right"></i></a>
                      </div>
                    <!--   <div class="mvsingle-item ov-item">
                         <a class="img-lightbox" data-fancybox-group="gallery" *ngFor="let photo of person['photos']"
                            [href]="photo" target="_blank"> <img [src]="photo" style="width: 150px;height: 100px;">
                         </a>
                       </div>-->

                      <div class="mvsingle-item ov-item">
                        <div class="row">
                          <div class="col-md-4" *ngFor="let photo of person['photos']">
                            <a [href]="photo" target="_blank" class="thumbnail">
                              <img [src]="photo" style="width: 150px;height: 100px;background-size: cover">
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-4 col-xs-12 col-sm-12">
                      <div class="sb-it">
                        <h6>名字: </h6>
                        <p>{{person['name']}}</p>
                      </div>
                      <div class="sb-it">
                        <h6>出生日期: </h6>
                        <p>{{person['birthday']}}</p>
                      </div>
                      <div class="sb-it">
                        <h6>出生地: </h6>
                        <p>{{person['birthPlace']}}</p>
                      </div>
                      <div class="sb-it">
                        <h6>星座:</h6>
                        <p>{{person['constellation']}}</p>
                      </div>
                    </div>
                  </div>

                </div>
                <div *ngIf="personTab==1" id="relevance" class="tab active" style="margin-left: 10px">
                  <div class="row">
                    <div class="topbar-filter">
                      <p>找到 <span>{{relevanceMovies.length}} </span>条相关作品</p>
                    </div>
                    <!-- movie cast -->
                    <div class="mvcast-item">
                      <div class="cast-it" *ngFor="let movie of relevanceMovies">
                        <div class="cast-left cebleb-film">
                          <img [src]="movie['cover']" style="width: 65px;height: 90px; cursor: pointer;"
                               [routerLink]="['/movie/detail',movie['id']]">
                          <div>
                            <a [routerLink]="['/movie/detail',movie['id']]">{{movie['name']}}</a>
                            <p class="time">{{movie['actors']}}</p>
                          </div>
                        </div>
                        <p>{{movie['initialReleaseDate']}}</p>
                      </div>

                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
